終於撐到連續發文的第30天，分享個賽中小故事。

(1)主題名稱由來
其實起初參加第 15 屆鐵人賽的主題不是「試試用Vue建立網站吧」，而是「跟著雲端前輩用Vue開發網站」。抱持著邊開發邊發文參賽的心態，結果在"建立vite專案"的排版問題卡關（main.css 檔案中預設的 #app {... grid-template-columns: 1fr 1fr;} 語法把畫面變成原本寬度的一半）而中斷發文。找好久沒找著問題，只好來六角學院 discord 頻道求救。卡關破解後趕緊繼續開發，累積幾天草稿量再次報名挑戰。選了個低調的主題名稱，想說如果又失敗這樣低調也好。

不過，主題名稱很炫還真的會吸引蠻多瀏覽，原本主題在 Day1 累積瀏覽率有 200 次（對我來說很多啦!）。想獲得高瀏覽率的可以試試。

(2)專案發想
想做個專案又沒有後端技術，無法寫出符合需求的 API 資源。試著在網路上看看有沒有雲端（網路）前輩 step by step 分享作 side project 。發現有前輩用 json-server 快速建立簡單的 API ，讓前端開發者能夠模擬後端操作。有了執行動力後，發想出本系列的商店網路平台，以一餐飲集團為背景，提供集團會員紀錄喜愛的旗下餐廳的網站。

(3)卡關時怎麼辦
自學前端路上有伙伴很重要，不管是實體還是虛擬。雖然從六角學院直播班畢業，但還能回學校頻道發問還有同學回覆，真的很感謝。還有 ChatGPT 這位虛擬夥伴，譬如會員新增口袋餐廳，我想透過清單內是否已有該餐廳存在的判斷結果，去決定會員是否能執行。起初想到陣列方法 filter 但又不想把結果回傳到新陣列。它建議我使用 some 去做。藉機學到新的陣列方法。實作真的比較能夠累積經驗，尤其是各種卡關時。再來就是把學到的筆記下來。

(4)回頭看看 Day1 初衷
回頭看看「Day1-試試Vue3-初衷與目標」莫名有種感動。我完成了 Vue 框架建立一個網站，並用 Pinia 工具將會員登入的資訊存留下來，供其他頁面使用。天啊~真是不可思議。

最後，希望本系列文章能幫助前端小白前往 side project 的路上更好走。